<!DOCTYPE html>
<html>
<head lang="en">
  <meta charset="UTF-8">
  <title>Amaze UI| examples contact</title>
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="viewport"
        content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no">
  <meta name="format-detection" content="telephone=no">
  <meta name="renderer" content="webkit">
  <meta http-equiv="Cache-Control" content="no-siteapp" />
  <link rel="stylesheet" href="/css/amui.all.min.css"/>
  <style>
    .header {
      background: #000;
    }
    .header ul {
      margin-top: 0;
    }
    .header h1 {
      color: #fff;
      margin-top: 6px;
    }
    .team {
      background: #ea222c;
      color: #fff;
      min-height: 368px;
      margin-bottom: 10px;
    }
    .team-pic li {
      padding: 0 5px 5px 5px;
      text-align: center;
    }

    .team h1 {
      font-size: 200%;
      margin: 30px 0;
    }
    .footer {
      background: #000;
      color: #fff;
      padding: 20px;
    }
    .footer a {
      color: #fff;
    }
    .foote-share {
      text-align: center;
    }
    .foote-share a {
      color: #0e90d2;
    }
  </style>
</head>
<body>
<header class="header">
  <div class="am-g">
    <div class="col-sm-12 am-cf">
      <h1 class="am-fl">YOUR LOGO</h1>
      <ul class="am-nav am-nav-pills am-fl">
        <li><a href="#">首页</a></li>
        <li><a href="#">关于我们</a></li>
        <li><a href="#">新闻列表</a></li>
        <li><a href="#">产品列表</a></li>
        <li><a href="#">适配方案</a></li>
      </ul>
    </div>
  </div>
</header>

<div class="banner">
  <div class="am-g">
    <div class="col-lg-12">
      <br/>
      <br/>
      <img src="http://yunshipei.com/static/img/agent-banner.jpg" alt=""/>
      <br/>
      <br/>
    </div>
  </div>
</div>

<div class="am-g">
  <div class="col-lg-6 col-md-6 contact-main">
    <br />
    <h1>成为我们的代理商，您可以：</h1>
    <hr/>
    <p>快速变身跨平台云适配：</p>
    <p>一周之内便可帮您的客户创建适配不同终端的云适配，适配各种智能手机、平板电脑以及其他更多的上网终端设备。云适配自动完成全平台内容实时同步更新，客户无需任何维护成本。</p>

    <p>助力你的移动营销：</p>
    <p>云适配可为您的客户量身打造不同访问设备的适配解决方案，微信营销、微博营销、轻APP的移动营销一网打尽。更有移动支付、 一键拨叫、社交分享、移动地图、CDN加速等多种增值功能共您选择。</p>

    <p>强有力的渠道代理政策：</p>
    <p>每个城市我们选择有限数量的渠道代理商长期合作，成为我们渠道代理商，享受丰厚的代理商折扣和返利！更有不断增加的增值服务功能，并享受长期的利润分成！让你和云适配一起成长！</p>

    <p>成熟的代理商支持体系：</p>
    <p>协助代理商建立自己的技术和销售团队，并给予代理商销售、技术、设计各方面的指导和帮助。以及大客户案例的实时更新，代理商大客户的协助销售计划。以及代理商区域客户的分单支持！</p>
  </div>
  <div class="col-lg-6 col-md-6">
    <div class="am-g">
      <div class="col-sm-10 col-sm-centered">
        <br />
        <h1>马上成为我们的代理商：</h1>
        <hr/>
        <form class="am-form">
          <div class="am-form-group">
            <label for="name">姓名</label>
            <input type="email" class="" id="name" placeholder="您的姓名">
          </div>
          <div class="am-form-group">
            <label for="tel">电话</label>
            <input type="email" class="" id="tel" placeholder="您的电话">
          </div>
          <div class="am-form-group">
            <label for="email">邮箱地址</label>
            <input type="email" class="" id="email" placeholder="您的邮箱">
          </div>
          <div class="am-form-group">
            <label for="addr">公司地址</label>
            <input type="email" class="" id="addr" placeholder="您公司地址">
          </div>
          <div class="am-form-group">
            <label for="detail">公司简介</label>
            <textarea id="detail" class="" rows="5" placeholder="简单介绍一下您公司背景"></textarea>
          </div>
          <button type="submit" class="am-btn am-btn-success am-btn-lg">提交</button>
        </form>
        <br />
        <br />
      </div>
    </div>
  </div>
</div>

<div class="am-g">
  <div class="col-md-7 team">
    <h1>团队介绍</h1>
    <h2>一流技术团队 + 一流设计团队 + 一流服务质量</h2>
    <p>
      云适配团队以海归为主，多名骨干分别来自美国微软、Google、哈佛大学、波士顿大学、马里兰大学等知名机构，而且80%成员来自国内每个行业的一流企业和世界500强企业，云适配的人才以长线发展为原则，人才选拔不仅看重专业素养，更看重个人的潜力和成长性，形成了以云适配技术的发明者、前微软美国总部IE浏览器核心研发成员陈本峰为核心，多元化的立体梯队。</p>
    <p>公司的企业文化是精益求精，追求卓越，倡导硅谷文化！</p>
  </div>

  <div class="col-md-5">
    <ul class="sm-block-grid-2 team-pic">
      <li><img src="http://yunshipei.com/static/img/photo001_x.jpg"/></li>
      <li><img src="http://yunshipei.com/static/img/photo003.jpg"/></li>
      <li><img src="http://yunshipei.com/static/img/photo002_x.jpg"/></li>
      <li><img src="http://yunshipei.com/static/img/photo004.jpg"/></li>
    </ul>
  </div>
</div>
<br/>

<div class="am-g">
  <div class="col-lg-12">
    <h4>相关留言</h4>
    <ul class="am-comment-list">
      <li class="am-comment">
        <a href="###" class="am-comment-avatar">
          <img src="http://img4.duitang.com/uploads/item/201301/11/20130111154714_LLMWT.jpeg" width="50" height="50"
               alt=""></a>

        <div class="am-comment-body"><p class="am-comment-title">白素贞</p>

          <div class="am-comment-meta">1200 years ago | 程序蛇 | #</div>
          <div class="am-comment-message">云适配的技术原理是什么？</div>
          <div class="am-comment">
            <a href="###" class="am-comment-avatar">
              <img src="http://img4.duitang.com/uploads/item/201301/11/20130111153339_GtxdG.thumb.700_0.jpeg" width="50"
                   height="50" alt=""></a>

            <div class="am-comment-body">
              <p class="am-comment-title">xuxian</p>

              <div class="am-comment-meta">1200 years ago | Profile | #</div>
              <div class="am-comment-message">我们采用最先进的浏览器内核引擎渲染原理，通过Brwoser Render Engine把网页进行渲染，通过DOM Analyzer和Style
                Analyzer分析、分离数据和样式，分离后的数据和样式进行重新渲染，并且优化了HTML/CSS/Javascript代码，减少HTTP连接，产生云适配后的网页。
              </div>
              <div class="am-comment am-comment-primary"><a href="###" class="am-comment-avatar">
                <img src="http://img4.duitang.com/uploads/item/201307/30/20130730215102_CPZeG.thumb.700_0.jpeg"
                     width="50" height="50" alt=""></a>

                <div class="am-comment-body">
                  <p class="am-comment-title">xuxian</p>

                  <div class="am-comment-meta">12 days ago | Profile | #</div>
                  <div class="am-comment-message">
                    云适配使用的是微软Azure云平台，它最大的优势就是可靠，微软能够确保平台以及服务的可靠性和安全性。
                  </div>
                </div>
              </div>
            </div>
          </div>
          <div class="am-comment">
            <a href="###" class="am-comment-avatar"><img
                src="http://img4.duitang.com/uploads/item/201301/11/20130111153339_GtxdG.thumb.700_0.jpeg" width="50"
                height="50" alt=""></a>

            <div class="am-comment-body">
              <p class="am-comment-title">fahai</p>

              <div class="am-comment-meta">12 days ago | Profile | #</div>
              <div class="am-comment-message">
                云适配使用的是微软Azure云平台，它最大的优势就是可靠，微软能够确保平台以及服务的可靠性和安全性，现在好多大型的世界500强企业都选择微软云平台。
              </div>
            </div>
          </div>
        </div>
      </li>
      <li class="am-comment">
        <a href="###" class="am-comment-avatar"><img
            src="http://img4.duitang.com/uploads/item/201307/30/20130730215102_CPZeG.thumb.700_0.jpeg" width="50"
            height="50" alt=""></a>

        <div class="am-comment-body">
          <p class="am-comment-title">雷锋</p>

          <div class="am-comment-meta">12 days ago | Profile | #</div>
          <div class="am-comment-message">
            为保障客户网站云适配版安全运行，减轻和消除突发事件造成的危害和影响，若云适配网站由于不可阻抗原因遭发安全问题，云适配服务自配双重校验预警功能第一时间将发起预警并实施紧急处理。最坏的可能性若是云服务不工作，用户在手机访问的是pc版本，不会出现访问不了的情况，请您放心！
          </div>
        </div>
      </li>
    </ul>
  </div>
</div>

<footer class="footer">
  <div class="am-g">
    <div class="col-sm-12">
      <p>云适配伙伴 / <a href="#">加入云适配</a> / <a href="#">媒体报道</a> / <a href="#">移动建站白皮书</a> / <a href="#">联系云适配</a> / <a href="#">云适配博客</a> / <a href="#">适配猿社区</a></p>
      <p>友情链接： <a href="#">联想</a> / <a href="#">SegmentFault</a> </p>
    </div>
  </div>
  <div class="am-g">
    <div class="col-md-6">
      <h4><a href="#">博客</a></h4>
      <p>移动互联网的概念诞生于2000年，至今发展已经超过十年了，现在移动互联网进入SoLoMoCo——Social（社交的）...</p>
    </div>
    <div class="col-md-6">
      <p class="foote-share">
        <a href="" class="am-icon-btn am-icon-twitter"></a>
        <a href="" class="am-icon-btn am-icon-facebook"></a>
        <a href="" class="am-icon-btn am-icon-github"></a>
      </p>
    </div>
  </div>
</footer>
</body>
</html>